/*表单布局*/
@charset "utf-8";
/* CSS Document */
.formContainer{
    font-family:'宋体',arial,georgia,verdana,helvetica,sans-serif;
	font-size:16px;
	line-height:1.6em;
	display:block;
	clear:both;
	height:100%;
	overflow:hidden;
}

.formContainer .clear{
	display:block;
	clear:both;
}

.formContainer em{
	color:red;
	font-style: normal;
	margin:0 1%;
}

.formContainer input,.formContainer select{
    vertical-align: middle;
}

/*行（默认一行两列）*/
.formContainer .row{
	border-bottom:1px double #CCC;
	clear:both;
	overflow:hidden;
	line-height: 24px;
}

.formContainer .row,.formContainer .row .tit,.formContainer .row .con,
.formContainer .columnPanel,.formContainer .columnPanel .tit,.formContainer .columnPanel .con{
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

.formContainer .row .tit{
	width:12.5%;
	*width:11.5%;
	float:left;
	padding:0.5%;
}

.formContainer .row .tit span{
	font-size:0.857142em;
	color:#999;
}

.formContainer .row .tit input[type=text]{
	width:90%;
}

.formContainer .row .con{
	width:37.5%;
	*width:36.5%;
	float:left;
	display: block;
	overflow: hidden;
	padding:0.5%;
}

.formContainer .con textarea{
	width:98%;
	padding:1%;
}
.formContainer .con label{
	margin-right:1%;
	white-space: nowrap;
}
.formContainer .row input[type="text"],
.formContainer .row input[type="password"]{
	width:50%;
}

.formContainer .con a{
	margin:1%;
	border-bottom: 1px dashed;
}

.formContainer .con span a{
	margin:auto 0.5%;
}

/*长文字框*/
.formContainer .row input.wWide,
.formContainer .row textarea.wWide
{
	width:70%;
}

.formContainer .w1column input.wWide,
.formContainer .w1column textarea.wWide
{
	width:90%;
}

/*短字符输入框*/
.formContainer .row input.short{
	 width:6em;
}

.formContainer .row .con.shortText input[type="text"],
.formContainer .row .con.shortText input[type="password"]{
	 width:6em;
}
/*数字类输入框*/
.formContainer .row input.umber{
	 width:3em;
}

.formContainer .row .con.umberData input[type="text"],
.formContainer .row .con.umberData input[type="password"]{
	 width:3em;
}
/*辅助样式*/
.formContainer input:focus,
.formContainer select:focus,
.formContainer textarea:focus{
	outline:none;
	-webkit-box-shadow:inset 0 1px 1px #fff,0 0 5px 0px #00FFFF;
	box-shadow:inset 0 1px 1px #fff,0 0 5px 0px #00FFFF;
}
.formContainer input[type="radio"],
.formContainer input[type="checkbox"],
.formContainer .row button{
	margin: auto 0.5%;
	-webkit-box-shadow:none;
	box-shadow:none;
}

.formContainer .row .con span{
	font-size:0.875em;
	margin-left:0.5em;
}

/*说明*/
.formContainer span.note{
	color:#999999;
}
/*提示*/
.formContainer span.tips{
	color:red;
}
/*错误*/
.formContainer span.error{
	padding:0.5% 1%;
	border:1px solid #FFDD99;
	background-color:#FFE8E6;
}

.formContainer .clear.error,.formContainer .clear .error{
	margin: 0.3em 0.3em 0.3em 0;
    padding: 0 0.5%;
    line-height: 1.6em;
    display: inline-block;
}

/*密码
.formContainer span.pass {
	overflow: hidden;
}
.formContainer span.pass i{
	width:16px;
	height:16px;
	margin-right:1%;
	display:inline-block;
}
.formContainer span.pass i.jIcoCorrect {
	background: url(/share/pimg/basesys/icon_button.gif) 0 -480px;
}
.formContainer span[class="note clear"]{
	margin:5px 0 0 0;
}*/

/*问答面板*/
.formContainer .row .con .passPanel div{
	margin:1% auto;
}

/*缩略图*/
.formContainer .row span.upImg{
	display: inline-block;
	width:2.5em;
}
.formContainer .row span.upImg img{
	max-width:2.5em;
	max-height:1.8em;
}
.formContainer .row .upImg:hover img{
	position:absolute;
	min-width:160px;
	min-height:160px;
	max-width:300px;
	max-height:200px;
	margin-left:-80px;
	margin-top:-80px;
	z-index:9;
}
/*row内多行*/
.formContainer .row .con .list{
	display:block;
	margin:1% auto;
}
/*
.formContainer .progressName{
	display:none;
}*/

/*上传图片*/
.formContainer .upImg img,.formContainer object{
	vertical-align: middle;
}

/*-----单列行,前台单列显示效果*/
.formContainer .con.w1column{
	width:87.5%;
	*width:86.5%;
	padding:0.5%;
}
.formContainer .w1column.con input[type="text"],
.formContainer .w1column.con input[type="password"],
.formContainer .w1column.con textarea
{
	width:70%;
}

.formContainer .w1column ul.tagboxList-bits{	
	width:70%;
}
.formContainer div.buttonPanel{
	text-align:center;
}

.formContainer div.buttonPanel button{
	margin:1%;
}

/*完全通栏*/
.formContainer .columnPanel{
	border-bottom:1px double #CCC;
	font-size:0.875em;
    display: block;
}
.formContainer .columnPanel .tit{
	padding:0.5%;
    display: block;
}
.formContainer .columnPanel .con{
	padding:0.5%;
    display: block;
}

/*网格化*/
.JRow-grid {
	width: 100%;
	margin:1% auto 0 auto;
	clear:both;
	height:100%;
	overflow: hidden;
	font-size:0.875em;
	padding:0.3% 0;
}

.JRow-grid:first-child {
	margin-top: 0;
}

.JRow-grid [class^=JSpan] {
	margin-left:2.7624309392265194%;
	float:left;
	text-indent: 0.5em;
}

.JRow-grid [class^=JSpan],.JRow-grid [class^=JSpan] .tit,.JRow-grid [class^=JSpan] .con{
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

.JRow-grid [class^=JSpan]:first-child {
	margin-left: 0;
}

.JRow-grid .JSpan12 {
    width: 100%;
    *width: 99.94680851063829%;
}

.JRow-grid .JSpan11 {
    width: 91.43646408839778%;
    *width: 91.38327259903608%;
}

.JRow-grid .JSpan10 {
    width: 82.87292817679558%;
    *width: 82.81973668743387%;
}

.JRow-grid .JSpan9 {
    width: 74.30939226519337%;
    *width: 74.25620077583166%;
}

.JRow-grid .JSpan8 {
    width: 65.74585635359117%;
    *width: 65.69266486422946%;
}

.JRow-grid .JSpan7 {
    width: 57.18232044198895%;
    *width: 57.12912895262725%;
}

.JRow-grid .JSpan6 {
    width: 48.61878453038674%;
    *width: 48.56559304102504%;
}

.JRow-grid .JSpan5 {
    width: 40.05524861878453%;
    *width: 40.00205712942283%;
}

.JRow-grid .JSpan4 {
    width: 31.491712707182323%;
    *width: 31.43852121782062%;
}

.JRow-grid .JSpan3 {
    width: 22.92817679558011%;
    *width: 22.87498530621841%;
}

.JRow-grid .JSpan2 {
    width: 14.3646408839779%;
    *width: 14.311449394616199%;
}

.JRow-grid .JSpan1 {
    width: 5.801104972375691%;
    *width: 5.747913483013988%;
}

.JRow-grid .tit,.formContainer .row [class^=JSpan] .tit{
	width:30%;
	float:left;
	padding:1% 0;
    display: block;
}

.JRow-grid .con,.formContainer .row [class^=JSpan] .con{
	width:70%;
	*width:69.888888%;
	text-indent: 0;
	float:left;
	padding:1% 0;
}

/*一行多列*/
.formContainer .multiseriate{
	font-size:0.875em;
}

.formContainer .con.multiseriate{
	width:87.5%;
	*width:86.5%;
}

.formContainer .multiseriate .tit{
	font-weight: bold;
	width:100%;
	text-align:center;
	padding:0;
}

.formContainer .multiseriate input[type="text"],
.formContainer .multiseriate input[type="password"]{
	width:auto;
}

@media (max-width:1023px){
	.formContainer .multiseriate input[type="text"], .formContainer .multiseriate input[type="password"],
	.JRow-grid [class^=JSpan] .con input[type="text"],.JRow-grid [class^=JSpan] .con input[type="password"] {
		width:90%;
	}
}

/*文字输出
fieldset.textCon .tit{
	color:#666666;
}
*/
/*快捷文字选择输入文本框
.formContainer .row .quickSelect{
	clear:both;
	display:block;
}

.formContainer .row .quickSelect a{
	color:#666666;
	font-size:0.875em;
	cursor:pointer;
}

.formContainer .smallImg img{
	width:90px;
}

.formContainer .pureCon{
	text-align:center;
	padding:0.5%;
	width:100%;
}

.formContainer .pureCon img{
	vertical-align: middle;
}
*/

/*重要信息
.formContainer .important{
	font-size:1.2em;
	font-weight: bold;
}

.formContainer .secondary{
	color:#666666;
}*/
/*---------带边框表单--------------*/
.formContainer.borderStyle{
	border-color:#ccc;
	border-style:solid;
	border-width:1px;
}

.formContainer.borderStyle fieldset{
	border-color:inherit;
	border-style:inherit;
	border-width:0;
    margin: 0;
	padding: 0;
}

.formContainer.borderStyle .row{
	border-color:inherit;
	border-style:inherit;
	border-width:1px 0 0 0;
}

.formContainer.borderStyle .row:first-child{
	border-width:0;
}

.formContainer.borderStyle .row .tit,
.formContainer.borderStyle .row .con{
	border-color:inherit;
	border-style:inherit;
	border-width:0 0 0 1px;
	*border:none;
}

.formContainer.borderStyle .row .tit:first-child{
	border-width:0;
}
@media (max-width:767px){
.formContainer .row .tit{
	width: 20%;
	*width: 19%;
    padding: 0.5%;
	font-weight: bold;
	clear: left;
}

.formContainer .multiseriate .tit{
	width: 100%;
	*width: 99%;
}

.formContainer .row .con{
    width: 80%;
    *width: 79%;
    padding: 0.5%;
}
/*边框*/
.formContainer.borderStyle{
	border-width:0 1px 1px 1px;
}
.formContainer.borderStyle legend{
	display:block;
	width:100%;
	border-color:inherit;
	border-style:inherit;
	border-width:1px 0 0 0;
}
.formContainer.borderStyle .row{
	border-width:0;
}
.formContainer.borderStyle .row .tit{
	border-width:1px 0 0 0;
}
.formContainer.borderStyle .row .con{
	border-width:1px 0 0 1px;
}
.formContainer.borderStyle .row .tit:first-child{
	border-width:1px 0 0 0;
}

/*网格化*/
.JRow-grid.mobileStyle [class^=JSpan] {
 margin-left:0;
 width:100%;
}
}

@media (max-width:320px){
.formContainer fieldset{
	padding:0;
	margin:0;
}

.formContainer .row .tit,.formContainer .row .con,
.formContainer .columnPanel .tit,.formContainer .columnPanel .con{
	width:100%;
	*width:94%;
	padding:3%;
	float:none;
    display: block;
}
.formContainer .row .con span{
	margin-left:0;
}

.formContainer .row .con .passPanel input[type="text"],
.formContainer .row .con .passPanel input[type="password"]{
	width:65%;
	margin-right:0.5em;
}

.formContainer .w1column input[type="text"].wWide{
	width:98%;
}
.formContainer.borderStyle .row .con{
	border-width:1px 0 0 0;
}

}


/*===================系统级样式覆盖===================*/
.formContainer .con textarea{
	width:90%;
	padding: 0;
}
.formContainer .con a{
	border-bottom: none;
}

